Cross-Browser Rich Text Editor Usage Documentation

Source: http://www.kevinroth.com/rte/

Basic Usage Example

In the body of your web page, insert the following:

1. Add the following to your <form> tage: onsubmit="return submitForm();". This will call the submitForm() function which updates the hidden form fields associated with your RTE before the form is submitted. You will now have a <form> tag that looks like this:
   

   <form name="RTEDemo" action="demo.htm" method="post" onsubmit="return submitForm();">

2. Add the submitForm() function to your page, and call the initRTE() function. The initRTE() function sets the global path variables and detects the current browser's capabilities. You must call this function before writing any RTEs to the page.
   

   <script language="JavaScript" type="text/javascript">
   <!--
   function submitForm() {
   	//make sure hidden and iframe values are in sync for all rtes before submitting form
   	updateRTEs();
   	
   	//change the following line to true to submit form
   	alert("rte1 = " + htmlDecode(document.RTEDemo.rte1.value));
   	return false;
   }
   
   //Usage: initRTE(imagesPath, includesPath, cssFile, genXHTML, encHTML)
   initRTE("./images/", "./", "", true);
   //-->
   </script>
   <noscript><p><b>Javascript must be enabled to use this form.</b></p></noscript>
   

3. Create a new richTextEditor instance, optionally set command options, and build the editor. A full list of command options are below.
   

   <script language="JavaScript" type="text/javascript">
   <!--
   //build new richTextEditor
   var rte1 = new richTextEditor('rte1');
   rte1.html = 'here's the "\<em\>preloaded\<\/em\> \<b\>content\<\/b\>"';
   rte1.toggleSrc = false;
   rte1.build();
   //-->
   </script>
   

4. *If retrieving a stored html string using a server-side language, make certain to use the RTESafe() server-side function on your string before writing it to the page. See server-side language demos to see how this is done.

Command Reference

To see a matrix of commands supported by each browser, click here.

All RTE options must be set prior to calling the build() method.